﻿<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="format-detection" content="telephone=no,email=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="renderer" content="webkit" />
    <meta name="x5-fullscreen" content="yes" />
    <meta name="full-screen" content="yes" />
    <title>Title</title>
    <link href="../../css/base/reset.css" rel="stylesheet" />
    <link href="../../css/base/base.scss" rel="stylesheet" />
    <!--<link href="css/fonts/icomoon/style.css" rel="stylesheet" />-->
    <link href="../../plugins/modal/modal.css" rel="stylesheet" />
    <!--<link href="../../plugins/swiper3/swiper.min.css" rel="stylesheet" />-->
    <link href="../../css/struct/custom.scss" rel="stylesheet" />
    <link href="../../css/struct/layout.scss" rel="stylesheet" />
    <link href="../../css/theme/brilliance/style.scss" rel="stylesheet" />
    <style>
        table td{
            vertical-align: top;
        }
    </style>
</head>
<body>
    <div class="background bg1"></div>
    <div class="wrapper">
        <div class="container" role="main">
            <div class="panel panel-theme">
                <div class="panel-head">测试时间</div>
                <div class="panel-body small gray">
                    <table>
                        <tr>
                            <td style="width:70px;">开考时间：</td>
                            <td style="word-break: break-word;">2016/09/09 - 2016/09/09 <wbr/> 09:00</td>
                        </tr>
                        <tr>
                            <td style="vertical-align: top;">作答时间：</td>
                            <td>30分钟(超时系统将强制交卷)</td>
                        </tr>
                        <tr>
                            <td>时间说明：</td>
                            <td>只有在开考时间内可以领卷</td>
                        </tr>
                    </table>
                </div>
            </div>
            <div class="panel panel-theme">
                <div class="panel-head">试卷结构</div>
                <div class="panel-body small gray">
                    单选题：10题，每题10分，共100分
                </div>
            </div>
            <div class="panel panel-theme">
                <div class="panel-head">功能说明</div>
                <div class="panel-body small gray">
                    本系统可自动保存答卷进度，防止因网络异常、异常退出等情况造成答卷进度丢失
                </div>
            </div>
            <div class="panel panel-theme">
                <div class="panel-head">交卷</div>
                <div class="panel-body small gray">
                    答卷完成点击“确认交卷”
                </div>
            </div>
            <form id="form1">
                <div class="margin-bottom-20">
                    <label class="checkbox">
                        <input id="cboAgree" type="checkbox" />
                        <label class="icon"></label>
                        <label class="small">我已阅读以上相关内容及注意事项</label>
                    </label>
                </div>
                <button id="btnStart" type="button" class="btn btn-theme" disabled>开始答题</button>
            </form>
        </div>
    </div>
    <script src="../../js/jquery/jquery-1.11.2.js"></script>
    <script src="../../js/fastclick/fastclick.js"></script>
    <script src="../../plugins/modal/modal.js"></script>
    <!--<script src="../../plugins/swiper3/swiper.jquery.min.js"></script>-->
    <script src="../../js/global.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#cboAgree").change(function () {
                $("#btnStart")[0].disabled = !$("#cboAgree")[0].checked;
            });
        })
    </script>
</body>
</html>